*{
    margin: 0;
    padding: 0;
}
img{
    border:0;
}
ol, ul ,li{list-style: none;} 

html,body{width: 100%;height:100%;font-size: 14px;font-family: "Microsoft YaHei";background-color: rgb(245,246,247);}
body{padding-bottom: 1rem;}


.swiper-slide{
    width:100%;
    height:100%;
    overflow: hidden;
}
.swiper-wrapper{
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
}
.swiper-pagination{
    position: fixed;
}
.swiper-pagination-bullet{
    background:#3e3e3e;
    opacity: 1;
}
.swiper-pagination-bullet-active{
    background:#fff;
}
.swiper-pagination span{
    position:relative;
     z-index: 10;
}
.swiper-pagination-bullet-active i{
    background:#fff!important;
    z-index: 9;
}

.swiper-pagination span:not(:last-child) i{
    content:' ';
    width:2px;
    height:10px;
    background:#3E3E3E;
    position:absolute;
    left:50%;
    margin-left: -1px;
    top:8px;
    z-index: 9;
}
/*.swiper-pagination span:not(:first-child):before{
    content:' ';
    width:0.02rem;
    height:0.1rem;
    background:#3E3E3E;
    position:absolute;
    left:50%;
    margin-left: -0.01rem;
    top:-0.1rem;
    z-index: 11;
}*/


.page1{
    background:url('../images/page1.png') no-repeat;
    background-size: 100% 100%;
}
.page2{
    background:url('../images/page2.png') no-repeat;
    background-size: 100% 100%;
}
.page3{
    background:url('../images/page3.png') no-repeat;
    background-size: 100% 100%;
}
.page4{
    background:url('../images/page4.png') no-repeat;
    background-size: 100% 100%;
}
.page5{
    background:url('../images/page5.png') no-repeat;
    background-size: 100% 100%;
}

.footer-under{
    width:0.18rem;
    height:0.17rem;
    position:absolute;
    bottom:0.5rem;
    left:50%;
    margin-left:-0.09rem;
    background:url('../images/footer-under.png') no-repeat;
    background-size: 100% 100%;
    animation: float_7779 3s infinite;
    -moz-animation: float_7779 3s infinite; /* Firefox */
    -webkit-animation: float_7779 3s infinite;  /* Safari 和 Chrome */
}

/*page1*/

.page1 .content{
    width: 6.56rem;
    height:9.59rem;
    position:absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.28rem;
    margin-top: -4.795rem;
    background:url('../images/content.png') no-repeat;
    background-size: 100% 100%;
    z-index: 1;
}
.page1 .content .half-cir{
    width:1.49rem;
    height:1.16rem;
    position:absolute;
    z-index: 2;
    top:0;
    left:0.2rem;
    background:url('../images/half-cir.png') no-repeat;
    background-size: 100% 100%;
    animation: burst_595 5s infinite;
    -moz-animation: burst_595 5s infinite; /* Firefox */
    -webkit-animation: burst_595 5s infinite;  /* Safari 和 Chrome */
}
.page1 .content .lv-tiao{
    width:0.8rem;
    height:0.8rem;
    position:absolute;
    z-index: 2;
    bottom:1rem;
    right:0rem;
    background:url('../images/lv-tiao.png') no-repeat;
    background-size: 100% 100%;
    animation: passing-reverse_2848 3s infinite;
    -moz-animation: passing-reverse_2848 3s infinite; /* Firefox */
    -webkit-animation: passing-reverse_2848 3s infinite;  /* Safari 和 Chrome */
}
.page1 .content .title{
    width:3.4rem;
    height:0.32rem;
    margin:1.8rem auto 0;
    background:url('../images/LEOMAN.png') no-repeat;
    background-size: 100% 100%;
}
.page1 .content .lo{
    width:5.44rem;
    height:3.3rem;
    margin:0.6rem auto;
    background:url('../images/lo.png') no-repeat;
    background-size: 100% 100%;
}
.page1 .content .text{
    margin:0 auto;
    text-align: center;
    font-size: 0.26rem;
    color:#888;
}
.page1 .content .text span{
    padding:0 0.2rem 0 0.16rem;
}
.page1 .content .text span:not(:last-child){
    border-right:1px solid #888;
}
.page1 .content .h{
    margin:0.35rem auto 0 ;
    text-align: center;
    font-size: 0.3rem;
    color:#bebebe;
}

/*page2*/
.page2 .content{
    width:100%;
    height:100%;
    position:absolute;
}
.page2 .content .title{
    text-align: center;
    font-size: 0.3rem;
    color:#eee;
    margin-top: 0.78rem;

}
.page2 .content .title span{
    display: inline-block;
    width:4.7rem;
    height:0.32rem;
    background:url('../images/LEOMAN-introduce.png') no-repeat;
    background-size: 100% 100%;
    margin-top: 0.2rem;
}
.page2 .content .text{
    text-align: center;
    color:#9C9C9C;
    line-height: 0.4rem;
    font-size: 0.26rem;
    margin-top: 1.3rem;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased; /*chrome、safari*/
    -moz-osx-font-smoothing: grayscale;/*firefox*/
}
.page2 .content .phone-number{
    font-size: 0.26rem;
    text-align: center;
    color:#eceeed;
    margin-top: 1.8rem;
    text-decoration: none;
}
.page2 .content .btn{
    display:block;
    width:3.24rem;
    height:0.9rem;
    margin:0.46rem auto 0;
    background:url('../images/page2btn.png') no-repeat;
    background-size: 100% 100%;
}




/*page3*/
.page3 .content{
    width:100%;
    height:100%;
    position:absolute;
}
.page3 .content .title{
    text-align: center;
    font-size: 0.3rem;
    color:#eee;
    margin-top: 0.78rem;

}
.page3 .content .title span{
    display: inline-block;
    width:6.18rem;
    height:0.45rem;
    background:url('../images/page3-title.png') no-repeat;
    background-size: 100% 100%;
    margin-top: 0.2rem;
}
.page3 .content .img{
    width:6.2rem;
    height:5.55rem;
    margin:0.5rem auto 0;
    background:url('../images/page3-img.png') no-repeat;
    background-size: 100% 100%;
}
.page3 .content .sj{
    width:4.5rem;
    height:1.9rem;
    margin:0.5rem auto 0;
    background:url('../images/page3-sj.png') no-repeat;
    background-size: 100% 100%; 
}


/*page4*/
.page4 .content{
    width:100%;
    height:100%;
    position:absolute;
}
.page4 .content .title{
    text-align: center;
    font-size: 0.3rem;
    color:#eee;
    margin-top: 0.78rem;

}
.page4 .content .title span{
    display: inline-block;
    width:4.8rem;
    height:0.37rem;
    background:url('../images/page4-title.png') no-repeat;
    background-size: 100% 100%;
    margin-top: 0.2rem;
}
.page4 .content .text{
    text-align: center;
    color:#9C9C9C;
    line-height: 0.4rem;
    font-size: 0.24rem;
    margin-top: 0.4rem;
}
.page4 .content .map{
    width:6rem;
    height:4.8rem;
    margin:0.2rem auto 0;
    background:url('../images/map.png') no-repeat;
    background-size: 100% 100%;
}
.page4 .content .logo{
    width:6rem;
    height:auto;
    margin:0.4rem auto 0;
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
}
.page4 .content .logo img{
    width:25%;
    height:0.4rem;
    margin-top: 0.2rem;
}
.page4 .content .btn{
    display:block;
    width:2.64rem;
    height:0.7rem;
    margin:0.6rem auto 0;
    background:url('../images/page4btn.png') no-repeat;
    background-size: 100% 100%;
}


/*page5*/

.page5 .content{
    width: 6.56rem;
    height:9.59rem;
    position:absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.28rem;
    margin-top: -4.795rem;
    background:url('../images/content.png') no-repeat;
    background-size: 100% 100%;
    z-index: 1;
}
.page5 .content .lv-tiao{
    width:0.8rem;
    height:0.8rem;
    position:absolute;
    z-index: 2;
    top:0;
    left:0.4rem;
    background:url('../images/lv-tiao2.png') no-repeat;
    background-size: 100% 100%;
    animation: passing-reverse_2848 3s infinite;
    -moz-animation: passing-reverse_2848 3s infinite; /* Firefox */
    -webkit-animation: passing-reverse_2848 3s infinite;  /* Safari 和 Chrome */
}
.page5 .content .blue-tiao{
    width:1.2rem;
    height:0.8rem;
    position:absolute;
    z-index: 2;
    bottom:1.5rem;
    right:0rem;
    background:url('../images/blue-tiao.png') no-repeat;
    background-size: 100% 100%;
    animation: passing-reverse_2848 5s infinite;
    -moz-animation: passing-reverse_2848 5s infinite; /* Firefox */
    -webkit-animation: passing-reverse_2848 5s infinite;  /* Safari 和 Chrome */
}
.page5 .content .title{
    text-shadow: 0px 7px 3px rgb( 0, 0, 0 );
    font-size: 0.3rem;
    text-align: center;
    color:#fff;
    margin-top: 1.6rem;
}
.page5 .content .text{
    font-size: 0.3rem;
    text-transform: uppercase;
    line-height: 0.4rem;
    text-align: center;
    -moz-transform: matrix( 1.46257505153345,0,0,1.46257505153345,0,0);
    -webkit-transform: matrix( 1.46257505153345,0,0,1.46257505153345,0,0);
    -ms-transform: matrix( 1.46257505153345,0,0,1.46257505153345,0,0);
    color:#DCDCDC;
    margin-top:0.9rem;
}
.page5 .content .logo{
    width:0.5rem;
    height:0.52rem;
    margin:0.8rem auto 0;
    background:url('../images/logo.png') no-repeat;
    background-size: 100% 100%;
}
.page5 .content .erweima{
    width:1.48rem;
    height:1.48rem;
    margin:0.5rem auto 0;
    background:url('../images/erweima.png') no-repeat;
    background-size: 100% 100%;
}
.page5 .content .thanks{
    width:3.92rem;
    height:0.2rem;
    margin:0.8rem auto 0;
    background:url('../images/thanks.png') no-repeat;
    background-size: 100% 100%;
}
.page5 .content .gs{
    font-size: 0.22rem;
    text-align: center;
    margin-top:0.22rem;
    color:#eee;

}
.page5 .place{
    text-align: center;
    color:#9b9b9b;
    position:absolute;
    bottom:1rem;
    left:0;
    width:100%;
    font-size: 0.18rem;
}



/*动画*/
@keyframes float_7779 {
  0% { transform:translateY(0) }
  7.69231% { transform:translateY(0) ;}
  15.38462% { transform:translateY(0) ;}
  30.76923% { transform:translateY(-15px); }
  38.46154% { transform:translateY(0); }
  46.15385% { transform:translateY(-15px); }
  61.53846% { transform:translateY(0); }
  100% { transform:translateY(0); }
}

@-moz-keyframes float_7779 {
  0% { transform:translateY(0) }
  7.69231% { transform:translateY(0) ;}
  15.38462% { transform:translateY(0) ;}
  30.76923% { transform:translateY(-15px); }
  38.46154% { transform:translateY(0); }
  46.15385% { transform:translateY(-15px); }
  61.53846% { transform:translateY(0); }
  100% { transform:translateY(0); }
}
@-webkit-keyframes float_7779 {
  0% { transform:translateY(0) }
  7.69231% { transform:translateY(0) ;}
  15.38462% { transform:translateY(0) ;}
  30.76923% { transform:translateY(-15px); }
  38.46154% { transform:translateY(0); }
  46.15385% { transform:translateY(-15px); }
  61.53846% { transform:translateY(0); }
  100% { transform:translateY(0); }
}


@keyframes burst_595 {
    0% { transform:rotate(-12deg) }
    6.95652% { transform:rotate(12deg) ;}
    8.69565% { transform:rotate(24deg) ;}
    15.65217% { transform:rotate(-24deg); }
    17.39131% { transform:rotate(-24deg) ;}
    24.34782% { transform:rotate(24deg) ;}
    26.08696% { transform:rotate(24deg) ;}
    33.04348% { transform:rotate(-24deg) ;}
    34.78261% { transform:rotate(-24deg) ;}
    41.73913% { transform:rotate(24deg) ;}
    43.47826% { transform:rotate(24deg) ;}
    50.43478% { transform:rotate(-24deg) ;}
    52.17391% { transform:rotate(-24deg) ;}
    59.13044% { transform:rotate(24deg) ;}
    65.21739% { transform:rotate(0deg) ;}
    100% { transform:rotate(0deg) ;}
}
@-moz-keyframes burst_595 {
    0% { transform:rotate(-12deg) }
    6.95652% { transform:rotate(12deg) }
    8.69565% { transform:rotate(24deg) }
    15.65217% { transform:rotate(-24deg) }
    17.39131% { transform:rotate(-24deg) }
    24.34782% { transform:rotate(24deg) }
    26.08696% { transform:rotate(24deg) }
    33.04348% { transform:rotate(-24deg) }
    34.78261% { transform:rotate(-24deg) }
    41.73913% { transform:rotate(24deg) }
    43.47826% { transform:rotate(24deg) }
    50.43478% { transform:rotate(-24deg) }
    52.17391% { transform:rotate(-24deg) }
    59.13044% { transform:rotate(24deg) }
    65.21739% { transform:rotate(0deg) }
    100% { transform:rotate(0deg) ;}
}
@-webkit-keyframes burst_595 {
    0% { transform:rotate(-12deg) }
    6.95652% { transform:rotate(12deg) }
    8.69565% { transform:rotate(24deg) }
    15.65217% { transform:rotate(-24deg) }
    17.39131% { transform:rotate(-24deg) }
    24.34782% { transform:rotate(24deg) }
    26.08696% { transform:rotate(24deg) }
    33.04348% { transform:rotate(-24deg) }
    34.78261% { transform:rotate(-24deg) }
    41.73913% { transform:rotate(24deg) }
    43.47826% { transform:rotate(24deg) }
    50.43478% { transform:rotate(-24deg) }
    52.17391% { transform:rotate(-24deg) }
    59.13044% { transform:rotate(24deg) }
    65.21739% { transform:rotate(0deg) }
    100% { transform:rotate(0deg) ;}
}


@keyframes passing-reverse_2848 {
    0% { transform:rotate(0deg) }
    60% { transform:rotate(359deg) }
    100% { transform:rotate(359deg) ;}
}
@-moz-keyframes passing-reverse_2848 {
    0% { transform:rotate(0deg) }
    60% { transform:rotate(359deg) }
    100% { transform:rotate(359deg) ;}
}
@-webkit-keyframes passing-reverse_2848 {
    0% { transform:rotate(0deg) }
    60% { transform:rotate(359deg) }
    100% { transform:rotate(359deg) ;}
}